.rotating-plane {
	min-width: 99px;
	min-height: 99px;
	width: 99px;
	height: 99px;
	background-color: #1e81d2;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	-moz-animation: rotateplane 1.2s infinite ease-in-out;
	-o-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out
}

@-webkit-keyframes rotateplane {
	0% {
		-webkit-transform: perspective(120px)
	}

	50% {
		-webkit-transform: perspective(120px) rotateY(199deg)
	}

	100% {
		-webkit-transform: perspective(120px) rotateY(199deg) rotateX(199deg)
	}
}

@-moz-keyframes rotateplane {
	0% {
		-moz-transform: perspective(120px)
	}

	50% {
		-moz-transform: perspective(120px) rotateY(199deg)
	}

	100% {
		-moz-transform: perspective(120px) rotateY(199deg) rotateX(199deg)
	}
}

@-o-keyframes rotateplane {
	0% {
		-o-transform: perspective(120px)
	}

	50% {
		-o-transform: perspective(120px) rotateY(199deg)
	}

	100% {
		-o-transform: perspective(120px) rotateY(199deg) rotateX(199deg)
	}
}

@keyframes rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}

	50% {
		transform: perspective(120px) rotateX(-199.1deg) rotateY(0deg)
	}

	100% {
		transform: perspective(120px) rotateX(-199deg) rotateY(-179.9deg)
	}
}

.double-bounce {
	min-width: 99px;
	min-height: 99px;
	position: relative
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #1e81d2;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	-moz-animation: bounce 2s infinite ease-in-out;
	-o-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	-o-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes bounce {

	0%,
	100% {
		-moz-transform: scale(0)
	}

	50% {
		-moz-transform: scale(1)
	}
}

@-o-keyframes bounce {

	0%,
	100% {
		-o-transform: scale(0)
	}

	50% {
		-o-transform: scale(1)
	}
}

@keyframes bounce {

	0%,
	100% {
		transform: scale(0)
	}

	50% {
		transform: scale(1)
	}
}

.wave {
	min-width: 99px;
	min-height: 99px;
	width: 99px;
	height: 99px
}

.wave>div {
	background-color: #1e81d2;
	min-height: 99px;
	height: 100%;
	width: 10%;
	margin-left: 10%;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	-moz-animation: stretchdelay 1.2s infinite ease-in-out;
	-o-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out
}

.wave .rect2 {
	-webkit-animation-delay: -1.1s;
	-moz-animation-delay: -1.1s;
	-o-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.wave .rect3 {
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	-o-animation-delay: -1s;
	animation-delay: -1s
}

.wave .rect4 {
	-webkit-animation-delay: -.9s;
	-moz-animation-delay: -.9s;
	-o-animation-delay: -.9s;
	animation-delay: -.9s
}

.wave .rect5 {
	-webkit-animation-delay: -.8s;
	-moz-animation-delay: -.8s;
	-o-animation-delay: -.8s;
	animation-delay: -.8s
}

@-webkit-keyframes stretchdelay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@-moz-keyframes stretchdelay {

	0%,
	40%,
	100% {
		-moz-transform: scaleY(0.4)
	}

	20% {
		-moz-transform: scaleY(1.0)
	}
}

@-o-keyframes stretchdelay {

	0%,
	40%,
	100% {
		-o-transform: scaleY(0.4)
	}

	20% {
		-o-transform: scaleY(1.0)
	}
}

@keyframes stretchdelay {

	0%,
	40%,
	100% {
		transform: scaleY(0.4)
	}

	20% {
		transform: scaleY(1.0)
	}
}

.wandering-cubes {
	min-width: 99px;
	min-height: 99px;
	position: relative
}

.cube1,
.cube2 {
	background-color: #1e81d2;
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: cubemove 1.8s infinite ease-in-out;
	-moz-animation: cubemove 1.8s infinite ease-in-out;
	-o-animation: cubemove 1.8s infinite ease-in-out;
	animation: cubemove 1.8s infinite ease-in-out
}

.cube2 {
	-webkit-animation-delay: -.9s;
	-moz-animation-delay: -.9s;
	-o-animation-delay: -.9s;
	animation-delay: -.9s
}

@-webkit-keyframes cubemove {
	25% {
		-webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
	}

	50% {
		-webkit-transform: translateX(42px) translateY(42px) rotate(-199deg)
	}

	75% {
		-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5)
	}

	100% {
		-webkit-transform: rotate(-399deg)
	}
}

@-moz-keyframes cubemove {
	25% {
		-moz-transform: translateX(42px) rotate(-90deg) scale(.5)
	}

	50% {
		-moz-transform: translateX(42px) translateY(42px) rotate(-199deg)
	}

	75% {
		-moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5)
	}

	100% {
		-moz-transform: rotate(-399deg)
	}
}

@-o-keyframes cubemove {
	25% {
		-o-transform: translateX(42px) rotate(-90deg) scale(.5)
	}

	50% {
		-o-transform: translateX(42px) translateY(42px) rotate(-199deg)
	}

	75% {
		-o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5)
	}

	100% {
		-o-transform: rotate(-399deg)
	}
}

@keyframes cubemove {
	25% {
		transform: translateX(42px) rotate(-90deg) scale(.5)
	}

	50% {
		transform: translateX(42px) translateY(42px) rotate(-199deg)
	}

	75% {
		transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5)
	}

	100% {
		transform: rotate(-399deg)
	}
}

.pulse {
	min-width: 99px;
	min-height: 99px;
	background-color: #1e81d2;
	border-radius: 100%;
	-webkit-animation: scaleout 1s infinite ease-in-out;
	-moz-animation: scaleout 1s infinite ease-in-out;
	-o-animation: scaleout 1s infinite ease-in-out;
	animation: scaleout 1s infinite ease-in-out
}

@-webkit-keyframes scaleout {
	0% {
		-webkit-transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 0
	}
}

@-moz-keyframes scaleout {
	0% {
		-moz-transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		opacity: 0
	}
}

@-o-keyframes scaleout {
	0% {
		-o-transform: scale(0)
	}

	100% {
		-o-transform: scale(1);
		opacity: 0
	}
}

@keyframes scaleout {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(1);
		opacity: 0
	}
}

.chasing-dots {
	min-width: 99px;
	min-height: 99px;
	position: relative;
	text-align: center;
	-webkit-animation: rotate 2s infinite linear;
	-moz-animation: rotate 2s infinite linear;
	-o-animation: rotate 2s infinite linear;
	animation: rotate 2s infinite linear
}

.dot1,
.dot2 {
	width: 50%;
	height: 50%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #1e81d2;
	border-radius: 100%;
	-webkit-animation: bounce 2s infinite ease-in-out;
	-moz-animation: bounce 2s infinite ease-in-out;
	-o-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(399deg)
	}
}

@-moz-keyframes rotate {
	100% {
		-moz-transform: rotate(399deg)
	}
}

@-o-keyframes rotate {
	100% {
		-o-transform: rotate(399deg)
	}
}

@keyframes rotate {
	100% {
		transform: rotate(399deg)
	}
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes bounce {

	0%,
	100% {
		-moz-transform: scale(0)
	}

	50% {
		-moz-transform: scale(1)
	}
}

@-o-keyframes bounce {

	0%,
	100% {
		-o-transform: scale(0)
	}

	50% {
		-o-transform: scale(1)
	}
}

@keyframes bounce {

	0%,
	100% {
		transform: scale(0)
	}

	50% {
		transform: scale(1)
	}
}

.three-bounce {
	min-width: 90px;
	min-height: 99px;
	text-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-o-box-pack: center;
	-o-box-align: center
}

.three-bounce>div {
	width: 30%;
	height: 30%;
	min-height: 30px;
	min-width: 30px;
	background-color: #1e81d2;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	-moz-animation: bouncedelay 1.4s infinite ease-in-out;
	-o-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.three-bounce .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.three-bounce .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {

	0%,
	99%,
	100% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes bouncedelay {

	0%,
	99%,
	100% {
		-moz-transform: scale(0)
	}

	40% {
		-moz-transform: scale(1)
	}
}

@-o-keyframes bouncedelay {

	0%,
	99%,
	100% {
		-o-transform: scale(0)
	}

	40% {
		-o-transform: scale(1)
	}
}

@keyframes bouncedelay {

	0%,
	99%,
	100% {
		transform: scale(0)
	}

	40% {
		transform: scale(1)
	}
}

.circle {
	min-width: 99px;
	min-height: 99px;
	position: relative
}

.container1>div,
.container2>div,
.container3>div {
	width: 20%;
	height: 20%;
	background-color: #1e81d2;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	-moz-animation: bouncedelay 1.2s infinite ease-in-out;
	-o-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.circle .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%
}

.container2 {
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}

.container3 {
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg)
}

.circle1 {
	top: 0;
	left: 0
}

.circle2 {
	top: 0;
	right: 0
}

.circle3 {
	right: 0;
	bottom: 0
}

.circle4 {
	left: 0;
	bottom: 0
}

.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	-moz-animation-delay: -1.1s;
	-o-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.container3 .circle1 {
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	-o-animation-delay: -1s;
	animation-delay: -1s
}

.container1 .circle2 {
	-webkit-animation-delay: -.9s;
	-moz-animation-delay: -.9s;
	-o-animation-delay: -.9s;
	animation-delay: -.9s
}

.container2 .circle2 {
	-webkit-animation-delay: -.8s;
	-moz-animation-delay: -.8s;
	-o-animation-delay: -.8s;
	animation-delay: -.8s
}

.container3 .circle2 {
	-webkit-animation-delay: -.7s;
	-moz-animation-delay: -.7s;
	-o-animation-delay: -.7s;
	animation-delay: -.7s
}

.container1 .circle3 {
	-webkit-animation-delay: -.6s;
	-moz-animation-delay: -.6s;
	-o-animation-delay: -.6s;
	animation-delay: -.6s
}

.container2 .circle3 {
	-webkit-animation-delay: -.5s;
	-moz-animation-delay: -.5s;
	-o-animation-delay: -.5s;
	animation-delay: -.5s
}

.container3 .circle3 {
	-webkit-animation-delay: -.4s;
	-moz-animation-delay: -.4s;
	-o-animation-delay: -.4s;
	animation-delay: -.4s
}

.container1 .circle4 {
	-webkit-animation-delay: -.3s;
	-moz-animation-delay: -.3s;
	-o-animation-delay: -.3s;
	animation-delay: -.3s
}

.container2 .circle4 {
	-webkit-animation-delay: -.2s;
	-moz-animation-delay: -.2s;
	-o-animation-delay: -.2s;
	animation-delay: -.2s
}

.container3 .circle4 {
	-webkit-animation-delay: -.1s;
	-moz-animation-delay: -.1s;
	-o-animation-delay: -.1s;
	animation-delay: -.1s
}

.cube-grid {
	min-width: 99px;
	min-height: 99px;
	width: 99px;
	height: 99px
}

.cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	min-width: 20px;
	min-height: 20px;
	background-color: #1e81d2;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	-moz-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	-o-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.cube-grid .sk-cube:nth-child(1) {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s
}

.cube-grid .sk-cube:nth-child(2) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s
}

.cube-grid .sk-cube:nth-child(3) {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s
}

.cube-grid .sk-cube:nth-child(4) {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s
}

.cube-grid .sk-cube:nth-child(5) {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s
}

.cube-grid .sk-cube:nth-child(6) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s
}

.cube-grid .sk-cube:nth-child(7) {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s
}

.cube-grid .sk-cube:nth-child(8) {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s
}

.cube-grid .sk-cube:nth-child(9) {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {

	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1)
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1)
	}
}

@-moz-keyframes sk-cubeGridScaleDelay {

	0%,
	70%,
	100% {
		moz-transform: scale3D(1, 1, 1)
	}

	35% {
		-moz-transform: scale3D(0, 0, 1)
	}
}

@-o-keyframes sk-cubeGridScaleDelay {

	0%,
	70%,
	100% {
		-o-transform: scale3D(1, 1, 1)
	}

	35% {
		-o-transform: scale3D(0, 0, 1)
	}
}

@keyframes sk-cubeGridScaleDelay {

	0%,
	70%,
	100% {
		transform: scale3D(1, 1, 1)
	}

	35% {
		transform: scale3D(0, 0, 1)
	}
}

.run-ball {
	background-color: #1e81d2;
	width: 99px;
	height: 99px;
	border-radius: 100%;
	position: relative;
	-webkit-animation: sk-innerCircle 1s linear infinite;
	-moz-animation: sk-innerCircle 1s linear infinite;
	-o-animation: sk-innerCircle 1s linear infinite;
	animation: sk-innerCircle 1s linear infinite
}

.run-ball .sk-inner-circle {
	display: block;
	background-color: #fff;
	width: 25%;
	height: 25%;
	position: absolute;
	border-radius: 100%;
	top: 5px;
	left: 5px
}

@-webkit-keyframes sk-innerCircle {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(399deg)
	}
}

@-moz-keyframes sk-innerCircle {
	0% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(399deg)
	}
}

@-o-keyframes sk-innerCircle {
	0% {
		-o-transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(399deg)
	}
}

@keyframes sk-innerCircle {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(399deg)
	}
}

.fading-circle {
	min-width: 99px;
	min-height: 99px;
	position: relative
}

.sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 18%;
	height: 18%;
	background-color: #1e81d2;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
	-moz-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
	-o-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.sk-circle2 {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

.sk-circle3 {
	-webkit-transform: rotate(99deg);
	-moz-transform: rotate(99deg);
	-o-transform: rotate(99deg);
	transform: rotate(99deg)
}

.sk-circle4 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.sk-circle5 {
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	transform: rotate(120deg)
}

.sk-circle6 {
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg)
}

.sk-circle7 {
	-webkit-transform: rotate(199deg);
	-moz-transform: rotate(199deg);
	-o-transform: rotate(199deg);
	transform: rotate(199deg)
}

.sk-circle8 {
	-webkit-transform: rotate(210deg);
	-moz-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	transform: rotate(210deg)
}

.sk-circle9 {
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	transform: rotate(240deg)
}

.sk-circle10 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

.sk-circle11 {
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	transform: rotate(300deg)
}

.sk-circle12 {
	-webkit-transform: rotate(330deg);
	-moz-transform: rotate(330deg);
	-o-transform: rotate(330deg);
	transform: rotate(330deg)
}

.sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	-moz-animation-delay: -1.1s;
	-o-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.sk-circle3:before {
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	-o-animation-delay: -1s;
	animation-delay: -1s
}

.sk-circle4:before {
	-webkit-animation-delay: -.9s;
	-moz-animation-delay: -.9s;
	-o-animation-delay: -.9s;
	animation-delay: -.9s
}

.sk-circle5:before {
	-webkit-animation-delay: -.8s;
	-moz-animation-delay: -.8s;
	-o-animation-delay: -.8s;
	animation-delay: -.8s
}

.sk-circle6:before {
	-webkit-animation-delay: -.7s;
	-moz-animation-delay: -.7s;
	-o-animation-delay: -.7s;
	animation-delay: -.7s
}

.sk-circle7:before {
	-webkit-animation-delay: -.6s;
	-moz-animation-delay: -.6s;
	-o-animation-delay: -.6s;
	animation-delay: -.6s
}

.sk-circle8:before {
	-webkit-animation-delay: -.5s;
	-moz-animation-delay: -.5s;
	-o-animation-delay: -.5s;
	animation-delay: -.5s
}

.sk-circle9:before {
	-webkit-animation-delay: -.4s;
	-moz-animation-delay: -.4s;
	-o-animation-delay: -.4s;
	animation-delay: -.4s
}

.sk-circle10:before {
	-webkit-animation-delay: -.3s;
	-moz-animation-delay: -.3s;
	-o-animation-delay: -.3s;
	animation-delay: -.3s
}

.sk-circle11:before {
	-webkit-animation-delay: -.2s;
	-moz-animation-delay: -.2s;
	-o-animation-delay: -.2s;
	animation-delay: -.2s
}

.sk-circle12:before {
	-webkit-animation-delay: -.1s;
	-moz-animation-delay: -.1s;
	-o-animation-delay: -.1s;
	animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

	0%,
	39%,
	100% {
		opacity: 0
	}

	40% {
		opacity: 1
	}
}

@-moz-keyframes sk-circleFadeDelay {

	0%,
	39%,
	100% {
		opacity: 0
	}

	40% {
		opacity: 1
	}
}

@-o-keyframes sk-circleFadeDelay {

	0%,
	39%,
	100% {
		opacity: 0
	}

	40% {
		opacity: 1
	}
}

@keyframes sk-circleFadeDelay {

	0%,
	39%,
	100% {
		opacity: 0
	}

	40% {
		opacity: 1
	}
}

section[class^=mop-load] {
	height: 100px;
	-webkit-transition: height 1s linear 0s;
	-moz-transition: height 1s linear 0s;
	-o-transition: height 1s linear 0s;
	transition: height 1s linear 0s;
	overflow: hidden
}

.flip {
	height: 0
}

.mop-load-div {
	box-pack: center;
	box-align: center;
	height: 100px;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-o-box-pack: center;
	-o-box-align: center
}

.loading {
	background-position: 0 100%;
	-webkit-transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0ms;
	-webkit-animation-name: loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

@-webkit-keyframes loading {
	from {
		-webkit-transform: rotate(0deg) translateZ(0)
	}

	to {
		-webkit-transform: rotate(399deg) translateZ(0)
	}
}

.mop-load-text {
	//display: block;
    font-weight: 500;
    font-size: 20px;
    margin-left: 0.01em;
    color: #fff;
    font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
   
}
